:root {
	--header-height: 25;
}

body {
	height: 100vh;
	background: linear-gradient(to bottom, var(--color-yellow), var(--color-gray-white) 80vw);
}

/* 除轮播图和下面的数据剩下的 */
header {
	box-shadow: none;
	background-color: transparent;
	transition: box-shadow 0.5s, background-color 1s;
	border-bottom: none !important;
}

header.shadowed {
	background-color: var(--color-yellow);
	box-shadow: 0 0 5vw var(--color-gray-light);
}

#NavBar {
	display: flex;
	width: 94vw;
	margin-left: 3vw;
}

#NavBar>* {
	display: inline-block;
	margin: 0 2vw;
}

/* 用户头像 */
#NavBar>.circle {
	width: 8.5vw;
	height: 8.5vw;
}

/* 从这里往下都是搜索框的样式修改 */
#Search {
	flex: auto;
	position: relative;
}

#Search>i {
	position: absolute;
	top: 0.5vw;
	left: 1.5vw;
	font-size: 6vw;
	color: var(--color-gray-medium);
}

#SearchInput {
	font-size: 3.5vw !important;
	border-radius: 5vw !important;
	padding-left: 7vw !important;
	height: 8vw !important;
	width: 100% !important;
	border: 0 !important;
	background-color: var(--color-white) !important;
	margin-bottom: 0 !important;
}

#SearchInput::placeholder {
	color: var(--color-gray-medium) !important;
}

#SearchInput:focus {
	box-shadow: none !important;
	border-bottom: none !important;
}

#CampusCorner {
	flex: none;
	width: max-content;
	height: 8vw;
}

/* 大学的样式修改 */
#CampusName {
	height: 8vw;
	line-height: 8vw;
	display: block;
	max-width: 20vw;
	overflow: hidden;
	float: left;
	margin-left: 1vw;
	color: var(--color-black);
	font-size: 3.5vw;
}

.material-icons {
	line-height: 8vw;
	display: block;
	float: left;
	color: var(--color-black);
	font-size: 6vw;
}

.tabs {
	width: 100%;
	height: 12vw;
	background: transparent;
}

.tabs h5 {
	font-size: 4.4vw;
	color: var(--color-gray-dark);
}

.tabs .active h5 {
	color: var(--color-black);
}

.tabs .indicator {
	bottom: 2vw;
	margin: 0 auto;
	width: 11vw;
	background-color: var(--color-gray-dark);
}

.minirefresh-wrap {
	position: relative;
	height: 100%;
}

.minirefresh-wrap::-webkit-scrollbar {
	width: 0px;
}

.minirefresh-downwrap {
	height: unset !important;
}

.minirefresh-upwrap {
	background-color: var(--color-white);
}

.minirefresh-scroll {
	height: 100%;
}

/* 轮播图的样式修改 */
.swiper-container {
	z-index: -1;
	padding-top: 1vw;
	overflow: hidden!important;
	--swiper-pagination-color: var(--color-white);
}

.swiper-container img {
	width: 94vw;
	height: 52vw;
	margin: 0 3vw;
	border-radius: 5vw;
}

.list {
	margin-top: -4vw;
	width: 100%;
	opacity: 0;
	transition: opacity 0.3s;
	z-index: 60;
}

.list-card {
	position: relative;
	display: flex;
	width: 100%;
	padding: 3vw 5vw !important;
	background: var(--color-white);
	border-bottom: 1px solid var(--color-gray-white);
}

.list-card:active {
	filter: brightness(0.9);
}

.list, 
.list-card:first-child,
.list:empty+.status-nomore {
	border-radius: 5vw 5vw 0 0;
}

.swiper-container img {
	box-shadow: 0 0 10px 0px var(--color-gray-light);
}